<template>
  <div>
    <footer>
      <hr />
      <div>
        <!-- Footer -->
        <footer class="page-footer font-small stylish-color-dark pt-4">
          <!-- Footer Links -->
          <div class="container text-center text-md-left">
            <!-- Grid row -->
            <div class="row">
              <!-- Grid column -->
              <div class="col-md-4 mx-auto f-mx-auto">
                <!-- Content -->
                <table>
                  <tr>
                    <td>
                      <img src="../assets/img/headerlogo1.png" alt />
                    </td>
                  </tr>
                </table>
              </div>

              <!-- Grid column -->

              <hr class="clearfix w-100 d-md-none" />

              <!-- Grid column -->
              <div class="col-md-2 mx-auto f-mx-auto">
                <!-- Links -->
                <!-- <h5 class="font-weight-bold text-uppercase mt-3 mb-4">链接</h5> -->
                <table>
                  <tr>
                    <td>
                      <img src="../assets/img/headerlogo2.png" alt />
                    </td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
        </footer>
        <!-- Footer -->
      </div>
    </footer>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.page-footer {
  background-color: #efefef !important;
  .row {
    color: white;
    display: flex;
    justify-content: space-between;
    margin-top: 0px;

    td {
      width: 70px;
      height: 70px;
      // padding: 15px;
    }
    .col-md-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      // max-width: 33.333%;
    }
    .f-mx-auto {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
  }
  img {
    width: 160px;
    height: 55px;
  }
}
</style>